<extend name="_Layout/main"/>

<block name="style">

</block>

<block name="main">

    <style type="text/css">
        .hentry {
            margin-bottom: 20px;
            border-radius: 3px;
            background: #fff;
            box-shadow: 0 2px 3px rgba(0,0,0,.1);
            clear: both;
            height: 340px;
        }
        @media only screen and (max-width: 540px) {
            .hentry {
            width: auto;
            margin-left: auto;
            margin-right: auto;
            float: none;
            height: auto;}
        } 
        .list-page-header{
            text-align: right;
            padding-top: 5px;
            padding-right: 10px;
        }
        .list-page-title{
            margin: 0 0 20px;
            padding: .3em .5em;
            border-radius: 3px;
            background: #2C3942;
            color: #fff;
            font-weight: 400;
            font-size: 24px;
            display: inline-block;
        }
        .list-page-title:hover{
            background: #767676;
        }
        @media (min-width: 1200px){
            .col-lg-2 {
            width: 24%;
            }
        }
        
    </style>           
                <!-- 文档列表页面顶部钩子 -->
                <div class="clearfix hook hook-document-list-before">
                    {:hook('DocumentListBefore')}
                </div>
                <!-- 文档列表 -->

            
                
           

    <div class="widget-1 widget-odd widget_music_post_widget widget">
        <header class="list-page-header">
            <a href="{:U('Document/add', array('cid' => $__CURRENT_CATEGORY__))}">
                <h2 class="font-thin m-b m-t-none" style="float:left;">What’s Music</h2>
                <h1 class="list-page-title">发布音乐</h1>
            </a>
        </header>
        
        <div class="row row-sm">
            <volist name="volist" id="vo" limit="12">
                <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
                    <article id="post-{$vo.id}" class="item post-{$vo.id} type-download status-publish has-post-thumbnail download_category-emotion download_tag-70 download_artist-71 odd edd-download edd-download-cat-emotion edd-download-tag-%e9%9b%aa%e6%a8%b1%e3%81%ae%e5%bf%83%e6%83%85">
                        <div class="pos-rlt">
                            <img width="265" height="210" src="Application/Home/View/Music/_Resource/img/cd-music.png" class="r img-full wp-post-image">
							<div class="opacity r bg-black" style="width: 77%">
                                   <img style="width: 77%;height: 96%;position: absolute;top: 0;" src="{$vo.cover|get_cover='Music'}" class="r img-full wp-post-image" alt="{$vo.main_field}">
                            </div>
							<a href="javascript:;" data-id="{$vo.id}" class="play-me">
								<div class="item-overlay opacity r bg-black" style="width: 77%;height: 96%;">
									<div class="center text-center m-t-n">
										<i class="icon-control-play i-2x text"></i>
										 <i class="icon-control-pause i-2x text-active"></i>
									</div>
								</div>
                            </a>
							

                        </div>
                        <php>$userinfo=M('User')->find($vo['uid']);$info['username']=$userinfo['username'];</php>
                        <div class="m-t-sm m-b-lg item-desc" style="margin-top: 0px;">
                            <p title="{$vo.main_field}" style="margin:0 0 0px;">{$vo.main_field}</p>
                            <div class="text-muted text-xs text-ellipsis">by <a href="{:U('User/home/uid/'.$vo['uid'])}" rel="tag">{$info.username}</a></div>
                        </div>
                    </article>
                </div>
            </volist>
        </div>
    </div>
    <!-- Main End -->
    <ul class="pagination">{$page}</ul>

    <!-- 文档列表页面底部钩子 -->
    <div class="clearfix hook hook-document-list-after">
        {:hook('DocumentListAfter')}
    </div>
           
            

</block>
